<template>
	<view v-for="(item,index) in list" class="  flex flex-y-center py-10 border-bottom-f1 wa"
		@click="$page.open('/pages/article/index?id='+item.id)">
		<image :src="item.cover" class="w-120 h-70 round-8" style="min-width: 240rpx;"></image>
		<view class="flex flex-column gap-4 py-2 px-8 h-70">
			<text class="fs-16 fw-bold  text-ellipsis-1">{{item.title}}</text>
			<text class="text-666 fs-12 text-ellipsis-1">{{item.desc}}</text>
			<text class="fs-12 text-999">{{item.create_time}}</text>
		</view>
	</view>
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue';
	import { getArticleList } from '@/api/article.js'
	import { $tool, $page } from "@/utils";
	const list = ref([])

	onMounted(() => {
		getList()
	})
	const getList = () => {
		getArticleList({ page: 1, limit: 10, recommend: 1 }).then(res => {
			list.value = res.data
		})
	}
</script>

<style>
</style>